/*
 * @Author: lmq
 * @Date: 2023-11-07 09:22:31
 * @LastEditTime: 2024-03-26 22:50:22
 */

import { createApp } from 'vue'
import store from './stores'

import App from './App.vue'
import router from './router'

import directives from './utils/directive'
import DragDirective from './utils/drag'
import ElementPlus from 'element-plus'
import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
import 'element-plus/dist/index.css'


import '@/assets/styles/index.scss' // global css
import '@/assets/styles/mixin.scss';
import '@/assets/styles/transition.scss';
import '@/assets/styles/element-ui.scss';
import '@/assets/styles/sidebar.scss';
import '@/assets/styles/common.scss';

import * as ElementPlusIconsVue from '@element-plus/icons-vue'



const app = createApp(App)

app.use(store)
app.use(router)
app.use(directives)
app.use(DragDirective)
app.use(ElementPlus, {
    locale: zhCn
})
// setupDragDirective(app)
app.mount('#app')

for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
    app.component(key, component)
}
